/*本身浏览器会自带一部分样式*/
*{
    padding: 0;/*内间距*/
    margin: 0;/*外间距*/
 }
 
 .header{
    width: 100%;
    height: 600px;
    background-color: rgb(242, 218, 222);
    position: relative;
    top: 50px;
    left: 50px;
 }


 
 .div1{
    width: 600px;
    height:200px;
    background-color: goldenrod;    

 }

   
 .div2{
    width: 800px;
    height: 150px;
    background-color: lawngreen;
    position: relative; /*当前元素 还是占据原来的文档流*/
    top: 50px;  /*相对于 他原来的位置 上间距50px*/
    left: 40px; /*相对于 他原来的位置 左间距40px*/
 }

 .div3{
    width: 900px;
    height: 100px;
    background-color: yellow;
 }

